<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../chajian/assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../chajian/assets/jquery-pagination/pagination.css">
    <link rel="stylesheet" href="../css/shangpin.css">
</head>
<body>
    <div class="opp_one">
        <div class="header">
            <div class="member-link">
                <div class="deng_lu">
                    登录
                </div>
                <div class="my-order">
                    <a href="#">我的订单</a>
                    <span class="span-top">
                        <img src="../imgs/one (6).png" alt="">
                    </span>
                </div>
                <div class="fl">
                    <a href="#">会员中心</a>
                </div>
            </div>
        </div>
    </div>
    <div class="header-main">
        <img src="http://www.mg.cn/public/images/1b/18/cc/a507c08c1a5d3a0250863c6e408f42a40190f35c.jpg?1484966364#w" alt="">
        <div class="search">
            <input type="text">
            <button>搜索</button>
            <p>热门关键词:</p>
        </div>
    </div>
    <div class="opp_two">
        <div class="page">
            <div class="category-handle">
                <h3>所有商品分类
                    <img src="../imgs/aa-恢复的_03.png" alt="">
                </h3>
                <span></span>
            </div>
            <div class="nav">
                <ul>
                    <li>
                        <a href="#">
                            晨光开学季
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光文具节
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光正姿
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光速干
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光优渥
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光集客
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            晨光优品
                        </a>
                    </li>
                </ul>
            </div>
            <div class="clearfix">
                <img src="../imgs/aa_03.png" alt="">
                <p>购物车中有
                    <span>
                        
                    </span>
                    件商品</p>
                    <button>去结算</button>
            </div>
        </div>
    </div>
    <div class="oppBox">
        <div class="filter-containerq">
            <div class="filter-titleq">
                <div class="leftBox">
                    <h3>商品筛选</h3>
                    <p>(共 
                        <span>
                            0
                        </span>
                        件商品
                        )</p>
                </div>
                <div class="rightBox">
                    <p>重置筛选项 》</p>
                </div>
            </div>
            <div class="filter-selectedq">
                <p>您已选择：</p>
            </div>
            
            <div class="filter-entries-valuesq mvp">
                <div class="filter-entries-labelq svp">
                    <p>分类：</p>
                </div>
                <div class="openBox open">
                    <ul>
                        <li class="active">不限</li>
                    </ul>
                </div>
            </div>

            <div class="filter-entries-valuesq">
                <div class="filter-entries-labelq">
                    <p>功能：</p>
                </div>
                <div class="openBox">
                    <ul>
                        <li class="active">不限</li>
                        <li>钢笔</li>
                        <li>中性笔</li>
                        <li>铅笔</li>
                        <li>圆珠笔</li>
                        
                    </ul>
                </div>
            </div>
            <div class="filter-entries-valuesq">
                <div class="filter-entries-labelq">
                    <p>材质：</p>
                </div>
                <div class="openBox">
                    <ul>
                        <li class="active">不限</li>
                        <li>金属</li>
                        <li>原木</li>
                        <li>塑料</li>
                    </ul>
                </div>
            </div>

            
        </div>
        <div class="gallery-sortbarq">
            <div class="gallery-sortq">
                <button class="active" data-method="综合" data-type="ASC">默认</button>
                <button data-method="价格" data-type="ASC">价格</button>
                <!-- <button>销量</button> -->
            </div>
            <div class="gallery-bottonq">
                <p>筛选：</p>
            </div>
        </div>
        <div class="gallery-listq">
            <ul>
                <li>
                    <div class="imgBox">
                        <img src="http://www.mg.cn/public/images/99/36/9d/5258f5f6d5f3cfeecca15280fa25d3cebd5fa0e1.jpg?1585366105#h" alt="">
                    </div>
                    <div class="center">
                            <h3>晨光钢笔航海王UNIQUE黑金QFPY1710</h3>
                            <p>销售价:
                                <span>
                                    ￥55.10
                                </span>
                            </p>
                    </div>
                    <div class="goods-actionq">
                        <div class="goods-buyq">
                            <button class="remove">-</button>
                            <input type="text" value="1">
                            <button class="addBox">+</button>
                            <p>加入购物车</p>
                        </div>
                        <div class="goods-othersq">
                            <button>收藏</button>
                            <button>对比</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="imgBox">
                        <img src="http://www.mg.cn/public/images/19/d2/e5/a72542bc30f8bb7bf42bb29e36d887b1df204e7c.jpg?1585366063#h" alt="">
                    </div>
                    <div class="center">
                            <h3>晨光钢笔航海王UNIQUE黑金QFPY1710</h3>
                            <p>销售价:
                                <span>
                                    ￥55.10
                                </span>
                            </p>
                    </div>
                    <div class="goods-actionq">
                        <div class="goods-buyq">
                            <button class="remove">-</button>
                            <input type="text" value="1">
                            <button class="addBox">+</button>
                            <p>加入购物车</p>
                        </div>
                        <div class="goods-othersq">
                            <button>收藏</button>
                            <button>对比</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="imgBox">
                        
                        <img src="http://www.mg.cn/public/images/34/ef/eb/29fc0c85e0a1cb7def945ee84197ce6b0085c95a.jpg?1584512126#h" alt="">
                    </div>
                    <div class="center">
                            <h3>晨光钢笔航海王UNIQUE黑金QFPY1710</h3>
                            <p>销售价:
                                <span>
                                    ￥55.10
                                </span>
                            </p>
                    </div>
                    <div class="goods-actionq">
                        <div class="goods-buyq">
                            <button class="remove">-</button>
                            <input type="text" value="1">
                            <button class="addBox">+</button>
                            <p>加入购物车</p>
                        </div>
                        <div class="goods-othersq">
                            <button>收藏</button>
                            <button>对比</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="imgBox">
                        <img src="http://www.mg.cn/public/images/9a/f1/59/e04d8c235fcea79a36a046cc348f8def8d5387cb.jpg?1584512299#h" alt="">
                    </div>
                    <div class="center">
                            <h3>晨光钢笔航海王UNIQUE黑金QFPY1710</h3>
                            <p>销售价:
                                <span>
                                    ￥55.10
                                </span>
                            </p>
                    </div>
                    <div class="goods-actionq">
                        <div class="goods-buyq">
                            <button class="remove">-</button>
                            <input type="text" value="1">
                            <button class="addBox">+</button>
                            <p>加入购物车</p>
                        </div>
                        <div class="goods-othersq">
                            <button>收藏</button>
                            <button>对比</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="imgBox">
                        <img src="http://www.mg.cn/public/images/64/81/cc/2640b4b45b254d35172cb6f67c01b5b35c739300.jpg?1584512256#h" alt="">
                    </div>
                    <div class="center">
                            <h3>晨光钢笔航海王UNIQUE黑金QFPY1710</h3>
                            <p>销售价:
                                <span>
                                    ￥55.10
                                </span>
                            </p>
                    </div>
                    <div class="goods-actionq">
                        <div class="goods-buyq">
                            <button class="remove">-</button>
                            <input type="text" value="1">
                            <button class="addBox">+</button>
                            <p>加入购物车</p>
                        </div>
                        <div class="goods-othersq">
                            <button>收藏</button>
                            <button>对比</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="imgBox">
                        <img src="http://www.mg.cn/public/images/19/d2/e5/a72542bc30f8bb7bf42bb29e36d887b1df204e7c.jpg?1585366063#h" alt="">
                    </div>
                    <div class="center">
                            <h3>晨光钢笔航海王UNIQUE黑金QFPY1710</h3>
                            <p>销售价:
                                <span>
                                    ￥55.10
                                </span>
                            </p>
                    </div>
                    <div class="goods-actionq">
                        <div class="goods-buyq">
                            <button class="remove">-</button>
                            <input type="text" value="1">
                            <button class="addBox">+</button>
                            <p>加入购物车</p>
                        </div>
                        <div class="goods-othersq">
                            <button>收藏</button>
                            <button>对比</button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>


        <div class="info pagiInfo container">
              <div class="panel-body pagination m-style">
        
              </div>
          </div>


    </div>
    <div class="bottom">
        
    </div>
    <div class="theme-footerq"> 
        <p>
            <img src="../imgs/jinghui.png" alt="">
            沪ICP备05010720号
        </p>
        <p>
            上海晨光文具股份有限公司版权所有
        </p>
        <p>
            沪ICP备05010720号-4
        </p>
        <p>
            地址：上海市古美路1528号A2晨光科技大厦13F
        </p>
        <p>
            咨询电话：021-31597900（服务时间 09:00–18:00）
        </p>
    </div>


    <script src="../chajian/assets/jquery/jquery.min.js"></script>
    <script src="../chajian/assets/jquery-pagination/jquery.paginatuon.js"></script>
    <script src="../js/fengzhuangcookie.js"></script>
    <script src="../js/shangpin.js"></script>
    
    
    
    <script>
        const opp = document.querySelector('.deng_lu')
    
        opp.onclick = function () {
            window.location.href = '../html/denglu.html'
        }
        
        
    $('.open > ul').on('click', 'li', function () {

        $(this).addClass('active').siblings().removeClass('active')

    })

    $('.header-main').on('click','img' , function() {

        window.location.href = '../html/index.html'
    })

    $('.clearfix').on('click','button',function() {

        window.location.href = '../html/gouwuche.html'
    })

        const num = getCookie('total') 
        // console.log(num)
        str =`<b>${ num || 0 }</b>`
        $('.clearfix > p > span').html(str)
    </script>
</body>
</html>